<template>
	<view class="content">
		<view class="size" @tap="accelerometer">1. accelerometer 设备加速传感器</view>
		<view class="size" @tap="AD">2. AD 广告联盟</view>
		<view class="size" @tap="audio">3. audio音频管理</view>
		<view class="size" @tap="barcode">4. barcode条码管理</view>
		<view class="size" @tap="bluetooth">5. bluetooth 管理蓝牙设备</view>
		<view class="size" @tap="camera">6. Camera 管理设备的摄像头</view>
		<view class="size" @tap="contacts">7. contacts 模块管理系统通讯录</view>
		<view class="size" @tap="device">8. device 获取手机设备的相关信息</view>
		<view class="size" @tap="downloader">9. downloader 管理网络文件下载任务</view>
		<view class="size" @tap="events">10. Events 管理客户端事件</view>
		<view class="size" @tap="fingerprint">11. fingerprint 管理指纹识别</view>
		<view class="size" @tap="gallery">12. gallery 管理系统相册</view>
		<view class="size" @tap="geolocation">13. geolocation 管理设备位置信息</view>
		<view class="size" @tap="ibeacon">14. ibeacon 用于搜索附件的iBeacon设备</view>
		<view class="size" @tap="io">15. io 管理本地文件系统</view>
		<view class="size" @tap="key">16. key 管理设备按键事件</view>
		<view class="size" @tap="maps">17. maps 管理地图控件</view>
		<view class="size" @tap="messaging">18. messaging 管理设备通讯功能</view>
		<view class="size" @tap="nativeObj">19. nativeObj 管理系统原生对象</view>
		<view class="size" @tap="nativeUI">20. nativeUI 管理系统原生界面</view>
		<view class="size" @tap="navigator">21. navigator 管理浏览器运行环境信息</view>
		<view class="size" @tap="oauth">22. oauth 管理客户端的用户登录鉴权功能</view>
		<view class="size" @tap="orientation">23. orientation 管理设备的方向信息</view>
		<view class="size" @tap="payment">24. payment 管理支付功能</view>
		<view class="size" @tap="proximity">25. proximity 管理设备距离传感器</view>
		<view class="size" @tap="push">26. push 管理推送消息功能</view>
		<view class="size" @tap="runtime">27. runtime 管理运行环境</view>
		<view class="size" @tap="share">28. share 管理客户端的社交分享功能</view>
		<view class="size" @tap="speech">29. speech 管理语音输入功能</view>
		<view class="size" @tap="SQLite">30. SQLite 用于操作本地数据库文件</view>
		<view class="size" @tap="statistic">31. statistic 管理统计功能</view>
		<view class="size" @tap="storage">32. storage 管理应用本地数据存储区</view>
		<view class="size" @tap="uploader">33. uploader 管理网络上传任务</view>
		<view class="size" @tap="video">34. video 管理多媒体视频相关能力</view>
		<view class="size" @tap="webview">35. webview 管理应用窗口界面</view>
		<view class="size" @tap="net">36. XMLHttpRequest 管理网络请求</view>
		<view class="size" @tap="zip">37. Zip 管理文件压缩和解压</view>
		
		<view>------</view>
		<view class="size" @tap="android">38. Native.js for Android封装一条通过JS语法直接调用Native Java接口通道，通过plus.android可调用几乎所有的系统API。</view>
		<view class="size" @tap="ios">39. Native.js for iOS封装一条通过JS语法直接调用Native Objective-C接口通道，通过plus.ios可调用几乎所有的系统API。</view>
		
		
		<view>Line------</view>
		<view class="size" @tap="line">LINE URL</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onShow() {
			
		},
		onLoad() {
			
		},
		methods: {
			AD(){
				uni.navigateTo({
					url: '/pages/AD/index'
				});
			},
			accelerometer(){
				uni.navigateTo({
					url: '/pages/accelerometer/index'
				});
			},
			audio(){
				uni.navigateTo({
					url: '/pages/Audio/index'
				});
			},
			barcode(){
				uni.navigateTo({
					url: '/pages/barcode/index'
				});
			},
			bluetooth(){
				uni.navigateTo({
					url: '/pages/bluetooth/index'
				});
			},
			camera(){
				uni.navigateTo({
					url: '/pages/camera/index'
				});
			},
			contacts(){
				uni.navigateTo({
					url: '/pages/contacts/index'
				});
			},
			device(){
				uni.navigateTo({
					url: '/pages/device/index'
				});
			},
			downloader(){
				uni.navigateTo({
					url: '/pages/downloader/index'
				});
			},
			fingerprint:()=>{
				uni.navigateTo({
					url: '/pages/fingerprint/index'
				});
			},
			gallery:()=>{
				uni.navigateTo({
					url: '/pages/gallery/index'
				});
			},
			geolocation:()=>{
				uni.navigateTo({
					url: '/pages/geolocation/index'
				});
			},
			key:()=>{
				uni.navigateTo({
					url: '/pages/key/index'
				});
			},
			messaging:()=>{
				uni.navigateTo({
					url: '/pages/messaging/index'
				});
			},
			nativeUI:()=>{
				uni.navigateTo({
					url: '/pages/nativeUI/index'
				});
			},
			navigator:()=>{
				uni.navigateTo({
					url: '/pages/navigator/index'
				});
			},
			orientation:()=>{
				uni.navigateTo({
					url: '/pages/orientation/index'
				});
			},
			proximity:()=>{
				uni.navigateTo({
					url: '/pages/proximity/index'
				});
			},
			push:()=>{
				uni.navigateTo({
					url: '/pages/push/index'
				});
			},
			runtime:()=>{
				uni.navigateTo({
					url: '/pages/runtime/index'
				});
			},
			share:()=>{
				uni.navigateTo({
					url: '/pages/share/index'
				});
			},
			speech:()=>{
				uni.navigateTo({
					url: '/pages/speech/index'
				});
			},
			statistic:()=>{
				uni.navigateTo({
					url: '/pages/statistic/index'
				});
			},
			storage:()=>{
				uni.navigateTo({
					url: '/pages/storage/index'
				});
			},
			net:()=>{
				uni.navigateTo({
					url: '/pages/net/index'
				});
			},
			zip:()=>{
				uni.navigateTo({
					url: '/pages/zip/index'
				});
			},
			video:()=>{
				uni.navigateTo({
					url: '/pages/video/index'
				});
			},
			webview:()=>{
				uni.navigateTo({
					url: '/pages/webview/index'
				});
			},
			uploader:()=>{
				uni.navigateTo({
					url: '/pages/uploader/index'
				});
			},
			maps:()=>{
				uni.navigateTo({
					url: '/pages/maps/index'
				});
			},
			oauth:()=>{
				uni.navigateTo({
					url: '/pages/oauth/index'
				});
			},
			events:()=>{
				uni.navigateTo({
					url: '/pages/events/index'
				});
			},
			payment:()=>{
				uni.navigateTo({
					url: '/pages/payment/index'
				});
			},
			nativeObj:()=>{
				uni.navigateTo({
					url: '/pages/nativeObj/index'
				});
			},
			SQLite:()=>{
				uni.navigateTo({
					url: '/pages/SQLite/index'
				});
			},
			ibeacon:()=>{
				uni.navigateTo({
					url: '/pages/ibeacon/index'
				});
			},
			io:()=>{
				uni.navigateTo({
					url: '/pages/io/index'
				});
			},
			ios:()=>{
				uni.navigateTo({
					url: '/pages/ios/index'
				});
			},
			android:()=>{
				uni.navigateTo({
					url: '/pages/android/index'
				});
			},
			line:()=>{
				uni.navigateTo({
					url: '/pages/line/index'
				});
			}
			
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 20px
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	.size{
		margin:30rpx 0;
	}
</style>
